:root {
  --fs-color-white: #ffffff;
  --fs-color-black: #000000;
  --fs-color-primary: #7242be;
  --fs-color-primary-light-3: #8c65cb;
  --fs-color-primary-light-5: #a788d8;
  --fs-color-primary-light-7: #c1aae5;
  --fs-color-primary-light-8: #dccdf2;
  --fs-color-primary-light-9: #f6f0ff;
  --fs-color-primary-dark-2: #3A1075;
  --fs-color-success: #56c852;
  --fs-color-success-light-3: #75d271;
  --fs-color-success-light-5: #94dc8f;
  --fs-color-success-light-7: #b2e5ae;
  --fs-color-success-light-8: #d1efcc;
  --fs-color-success-light-9: #f0f9eb;
  --fs-color-success-dark-2: #529b2e;
  --fs-color-warning: #c8b252;
  --fs-color-warning-light-3: #d3c071;
  --fs-color-warning-light-5: #ddcd90;
  --fs-color-warning-light-7: #e8dbae;
  --fs-color-warning-light-8: #f2e8cd;
  --fs-color-warning-light-9: #fdf6ec;
  --fs-color-warning-dark-2: #b88230;
  --fs-color-danger: #c85252;
  --fs-color-danger-light-3: #d37272;
  --fs-color-danger-light-5: #de9191;
  --fs-color-danger-light-7: #e8b1b1;
  --fs-color-danger-light-8: #f3d0d0;
  --fs-color-danger-light-9: #fef0f0;
  --fs-color-danger-dark-2: #c45656;
  --fs-color-error: #f56c6c;
  --fs-color-error-light-3: #f89898;
  --fs-color-error-light-5: #fab6b6;
  --fs-color-error-light-7: #fcd3d3;
  --fs-color-error-light-8: #fde2e2;
  --fs-color-error-light-9: #fef0f0;
  --fs-color-error-dark-2: #c45656;
  --fs-color-info: #52bcc8;
  --fs-color-info-light-3: #72c9d3;
  --fs-color-info-light-5: #91d6de;
  --fs-color-info-light-7: #b1e3e9;
  --fs-color-info-light-8: #d0f0f4;
  --fs-color-info-light-9: #f0fdff;
  --fs-color-info-dark-2: #2a8993;
  --fs-bg-color: #ffffff;
  --fs-bg-color-page: #f2f3f5;
  --fs-bg-color-overlay: #ffffff;
  --fs-text-color-primary: #303133;
  --fs-text-color-regular: #606266;
  --fs-text-color-secondary: #909399;
  --fs-text-color-placeholder: #a8abb2;
  --fs-text-color-disabled: #c0c4cc;
  --fs-border-color: #dcdfe6;
  --fs-border-color-light: #e4e7ed;
  --fs-border-color-lighter: #ebeef5;
  --fs-border-color-extra-light: #f2f6fc;
  --fs-border-color-dark: #d4d7de;
  --fs-border-color-darker: #cdd0d6;
  --fs-fill-color: #f0f2f5;
  --fs-fill-color-light: #f5f7fa;
  --fs-fill-color-lighter: #fafafa;
  --fs-fill-color-extra-light: #fafcff;
  --fs-fill-color-dark: #ebedf0;
  --fs-fill-color-darker: #e6e8eb;
  --fs-fill-color-blank: #ffffff;
  --fs-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
  --fs-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
  --fs-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
  --fs-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
  --fs-disabled-bg-color: var(--fs-fill-color-light);
  --fs-disabled-text-color: var(--fs-text-color-placeholder);
  --fs-disabled-border-color: var(--fs-border-color-light);
  --fs-overlay-color: rgba(0, 0, 0, .8);
  --fs-overlay-color-light: rgba(0, 0, 0, .7);
  --fs-overlay-color-lighter: rgba(0, 0, 0, .5);
  --fs-mask-color: rgba(255, 255, 255, .9);
  --fs-mask-color-extra-light: rgba(255, 255, 255, .3);
  --fs-border-width: 1px;
  --fs-border-style: solid;
  --fs-border-color-hover: var(--fs-text-color-disabled);
  --fs-border: var(--fs-border-width) var(--fs-border-style) var(--fs-border-color);
  --fs-svg-monochrome-grey: var(--fs-border-color) --fs-font-size: 14px;
  --fs-line-height-base: 1.5;
}

body {
  margin: 0;
  padding: 0;
  color: #252b3a;
  color: var(--fs-text-color-primary, #252b3a);
  font-size: 12px;
  font-size: var(--fs-font-size, 12px);
  font-family: HuaweiFont, Helvetica, Arial, PingFangSC-Regular, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Microsoft JhengHei;
  line-height: 1.5;
  line-height: var(--fs-line-height-base, 1.5);
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}

::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset;
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset;
}

::-webkit-scrollbar-corner {
  background: transparent;
}